<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>图片无缝滚动改良版</title>
<script type="text/javascript" src="jquery/jquery.1.7.1.js"></script>
<script type="text/javascript" src="js/goScroll.js"></script>
<style type="text/css">
.fl{float:left;}
.clear{clear:both;visibility:hidden;font-size:0;height:0;line-height:0;}
a img{border:none;}
.mr5{margin-right:5px;}
#box{width:541px;overflow:hidden;border:1px solid red;}
#scroll{width:10000px;margin-left:0;padding-left:0;}
</style>
</head>
<body>
<div id="box">
    <div id="scroll">
        <a href="javascript:void(0);" class="fl mr5"><img src="scroll_2_images/1.png" width="177" height="65"/></a>
        <a href="javascript:void(0);" class="fl mr5"><img src="scroll_2_images/2.png" width="177" height="65"/></a>
        <a href="javascript:void(0);" class="fl mr5"><img src="scroll_2_images/3.png" width="177" height="65"/></a>
        <a href="javascript:void(0);" class="fl mr5"><img src="scroll_2_images/4.png" width="177" height="65"/></a>
        <a href="javascript:void(0);" class="fl mr5"><img src="scroll_2_images/5.png" width="177" height="65"/></a>
        <br class="clear"/>
    </div>
</div>
<script type="text/javascript">
$(function(){
    goScroll("#scroll",20,1);
});
/*
3个参数含义分别是
1.容器
2.间隔时间(单位毫秒)
3.每次滚动多少距离(单位px)
*/
</script>
</body>
</html>
